﻿@charset "utf-8";
/*Cuerpo Principal*/   
    body 
    {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    padding: 0;
    text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    color: #000000;        
    }
    
/*Estructura de la Pagina*/
    .thrColElsHdr #container {
    width: 780px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
    background: #FFFFFF; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    border: 0px solid #000000;
    text-align: left; /* esto anula text-align: center en el elemento body. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    } 
    .thrColElsHdr #header {
	background-color: #FFFFFF;
    } 
    /* Sugerencias para sidebar1:
    1. Tenga en cuenta que, si establece un valor de tamaño de fuente en este div, el ancho global del div se ajustará en función de éste.
    2. Dado que está trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
    3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".thrColElsHdr #sidebar1 p".
    */
    .thrColElsHdr #footer { 
		width:780px; height:59px;
    	/*padding: 0 10px;  este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
		background:#919190; color:#FFFFFF; font-size:10px
    } 
	.thrColElsHdr #container #content { /*Es el marco redondeado*/
		margin-top:10px;
		margin-right:7px;
		margin-left:7px;
		margin-bottom:6px;
		background:url(../images/bg_cont.gif) bottom repeat-x #fff;
		border:1px solid #ccc;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;	
		behavior:url(../border-radius.htc);	
		box-shadow:1px 1px 2px #cfcfcf;
		-moz-box-shadow:1px 1px 2px #cfcfcf;
		-webkit-box-shadow:1px 1px 2px #cfcfcf;
	}    
	.wrapper { /*Es un contenedor que abarca todo el ancho del container*/
		width:100%;	overflow:hidden;
	}
	.wrapper .box{ /*Le da el color oscuro al contenedor*/
		background:#f5f5f5;
		position:relative;
		width:100%;
		overflow:hidden;
	}    

	#ConsutaItinerario { /*Es el marco redondeado*/
		margin-top:10px;
		margin-right:7px;
		margin-left:7px;
		margin-bottom:6px;
		background:url(../images/bg_cont.gif) bottom repeat-x #fff;
		border:1px solid #ccc;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;	
		behavior:url(../border-radius.htc);	
		box-shadow:1px 1px 2px #cfcfcf;
		-moz-box-shadow:1px 1px 2px #cfcfcf;
		-webkit-box-shadow:1px 1px 2px #cfcfcf;
	}    

       
/*Pagina Home*/
    /*Menu de Paginas*/
	    #menu{
		    width:400px;float:right;
	    }
	    #menu ul{
		    list-style:none;padding:0px;margin:0px;display:block;
	    }
	    #menu ul li{
		    list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
	    }
	    #menu ul li a{
		    float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; 
	    }
	    #menu ul li a:hover{
		    background-color:#99BB00;color:#fff;
	    }
	    #menu ul li a.current{
		    float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#fff;	text-align:center; height:31px; line-height:31px; background-color:#99BB00;
	    } 
	/*Fuentes*/
	    /*Links Sesion*/
	        .font1 {
		        text-decoration: none;
		        font-size:70%;
		        font-weight:bold;
		        color:#318ea2;
		        padding:5px 0 3px 0;
	        }	       
    /*Recuadros del centro*/
	    .banners {
		    overflow:hidden;
		    list-style-image: none;
		    padding-top: 0px;
		    padding-right: 0px;
		    padding-bottom: 0px;
		    padding-left: 20px;
		    list-style-type: none;
	    }  
	    .banners li {
		    width:210px;float:left;padding-right:12px;padding-left:17px;
	    }
	    #liLarge {
		    width:460px; float:left;padding-right:12px;padding-left:17px;
	    }	
	    .banners p {
		    font-size:70%;padding-bottom:3px;
	    }
	    .font1 {
		    text-decoration: none;
		    font-size:70%;
		    font-weight:bold;
		    color:#318ea2;
		    padding:5px 0 3px 0;
	    }
	    .banners .pad {
		    padding:0 10px 15px 15px;
	    }
	    .banners .pad .marker {
		    display:inline-block;background:url(../images/marker_1.gif) no-repeat;width:17px;height:17px;
	    }
	        .banners .pad .marker:hover {
		    display:inline-block;background:url(../images/marker_3.gif) no-repeat;width:17px;height:17px;
	    }	    
	    #contentLarge2{
            text-align: left;
            width: 100%;
            margin: auto;
        }
        #contentLarge2 #persona{
            margin-left:10px;
            width: 100px;  /*Este será el ancho que tendrá tu columna*/
            float:left; /*Aqui determinas de lado quieres quede esta "columna" */
        }
        #contentLarge2 #formulario{
            margin-right:10px;
            width: 100px;
            margin-left:10px; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
        }
        #contentLarge2 #formulario2{
            margin-left:10px;
            width: 100px;  /*Este será el ancho que tendrá tu columna*/
            float:right; /*Aqui determinas de lado quieres quede esta "columna" */
        }    	        
	          
    /*Footer*/
	    .thrColElsHdr #container #footer a {
		    text-decoration: none;
		    font-family: Verdana, Arial, Helvetica, sans-serif;
		    color: #FFFFFF;
	    }
	    .thrColElsHdr #container #footer .piepagina {
		    margin:0 15px 0 15px
	    }	
    